<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title>index</title>
    <meta name="description" content="" />
    <meta name="author" content="Dan" />
    <meta name="viewport" content="width=device-width; initial-scale=1.0" />
    <!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="stylesheet" href="CSS/exploding.css" type="text/css" />
    <script type="text/javascript" src="/JS/jquery-1.4.3.js"></script>
    <!--<script type="text/javascript" src="/JS/jquery.rotate.1-1.js"></script>-->
    <!--<script type="text/javascript" src="/JS/timer.js"></script>-->
    <script type="text/javascript" src="http://localhost:49945/JS/exploding.js"></script></head>
<body>
    <div>
        <header>
        </header>
        <nav>
        </nav>
        <p class="Xable">
            <span class='Xi'>Blah1</span> <span class='Xi'>Blah2 <a href="http://google.com">Blah22</a> </span> <span class='Xi'>Blah3</span> <span class='Xi'>Blah4</span> <span class='Xi'>Blah5</span>
            <span class='Xi'>Blah6</span> <span class='Xi'>Blah7</span> 
        </p>
        <p class="Xable">
            <span class='Xi'>Blah11</span> <span class='Xi'>Blah12</span> <span class='Xi'>Blah13</span> <span class='Xi'>Blah14</span> 
            <span class='Xi'>Blah15</span> <span class='Xi'>Blah16</span> <span class='Xi'>Blah17 </span>
        </p>
        <p class="Xable">
            <span class='Xi'>Blah21</span> <a href="http://google.com"><span class='Xi'>Blah22</span></a> <span class='Xi'>Blah23</span> <span class='Xi'>Blah24</span> 
            <span class='Xi'>Blah25</span> <span class='Xi'>Blah26</span> <span class='Xi'>Blah27 </span>
        </p>
        <p class="Xable">
            <span class='Xi'>Blah41</span> <span class='Xi'>Blah42</span> <span class='Xi'>Blah43</span> <span class='Xi'>Blah44 </span>
            <span class='Xi'>Blah45</span> <span class='Xi'>Blah46</span>  <a href="http://google.com"><span class='Xi'>Blah47 pumpkin </span> </a>
        </p>
        <p class="Xable">
            <span class='Xi'>Blah51</span> <span class='Xi'>Blah52 </span> <span style="visibility: hidden;">Blah53</span>
            <span class='Xi'>Blah54</span> <span class='Xi'>Blah55</span> <span class='Xi'>Blah56</span> <span class='Xi'>Blah57</span> 
        </p>
        
        <p>
            this text has not been converted yet
        </p>
        <script type="text/javascript">
            $(document).ready(function () {
                //Timer.Start();
                //$("body").click(function (e) {
                //   BlowUp(e.pageX, e.pageY);
                //});
            });
        </script>
        <footer>
            <a href="javascript:Test1();">test</a>
            <script type="text/javascript">

                function Test1() {

                    TestOpSpeed(function () { var Element = $(document.elementFromPoint(319, 430)); });
                    DG('Get Elements');

                    TestOpSpeed(function () { var DistanceFromCenter = Math.sqrt(Math.abs(319 - 900) ^ 2 + Math.abs(430 - 90) ^ 2); });
                    DG('Calc Radius');

                }

                function TestOpSpeed(Operation, IterationCount) {

                    if (typeof IterationCount === 'undefined') {
                        IterationCount = 10000;
                    }

                    var starttime, endtime, timediff;
                    starttime = new Date();
                    for (var i = 0; i < IterationCount; i++) {
                        Operation();
                    }
                    endtime = new Date();
                    timediff = new Date(endtime - starttime).getTime();

                    DG(IterationCount + ' operations in milli: ' + timediff);
                    return timediff;
                }
            </script>
            <div id="debug" style="height: 200px; width: 600px; overflow: auto;">
            </div>
            <p>
                &copy; Copyright By Dan
            </p>
        </footer>
    </div>
</body>
</html>
